<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    
  </style>
</head>
<body>
  <input type="number" id="txt1">
  <input type="button" value="按钮" id="btn">
  <input type="text" id="result" disabled>
</body>
<script>

  // 获取元素
  var txt1 = document.getElementById("txt1");
  var btn = document.getElementById("btn");
  var result = document.getElementById("result");
  
  // console.log( txt1 );
  // console.log( btn );
  
  // 绑定事件：元素.onclick = function(){ 点击时要执行的代码 }
  btn.onclick = function(){
    // 获取输入框内容
    var y = txt1.value;

    var msg = "";

    // 使用或处理输入框内容
    if( y % 4 === 0 && y % 100 !== 0 || y % 400 === 0 ){
      msg = "闰年";
    }else{
      msg = "平年";
    }

    // 将处理结果，放到其他容器内
    result.value = msg;
  }

  // 1. 获取元素内容必须在行为触发之后
  // 2. 获取元素内容后可以存到变量中，但设置元素内容必须直接设置给元素.value

  

</script>
</html>